<?php
/*
 *
 * Mobilize CSS
 *
 * @package mobilize
 * @author Per Jensen - Elggzone
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2
 * @copyright Copyright (c) 2013, Per Jensen
 *
 * @link http://www.perjensen-online.dk/
 *
 */
?>

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
	font-size: 100%;
}
select {
	font-size: 85%;
}
/***** BUTTONS ******/
.messages-buttonbank .elgg-button {
	background: none;
	border: none;
	text-shadow: none;
	color: #4690D6;
        
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.messages-buttonbank .elgg-button:hover {
	color: #555555;
}
.elgg-button-action {
	color: #4690D6;
	background: none;
	border: none;
	padding: 2px 15px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.elgg-button-action:hover,
.elgg-button-action:focus {
	color: #555555;
	background: none;
	text-decoration: none;
	border: none;
}
/***** CUSTOM INDEX ******/
.elgg-col-1of2 {
	width: 100%;
}
.prl {
	padding-right: 0;
}
/***** MISC ******/
.embed-wrapper {
	width: auto;
	margin: 0;
}
.mobile-dashboard {
	margin-top: -10px;
}
.elgg-col-2of3 {
	width: auto;
    height: auto;
}
.elgg-likes {
	width: auto;
}
.elgg-menu-title li.elgg-menu-item-download {
	display: none;
}
/***** IMG ******/
.elgg-photo {
	max-width: 97%;
}
.file-photo {
	margin-top: 15px;
}
.elgg-output img {
	height: auto;
}
.elgg-image-block {
	padding: 10px 0;
}
.elgg-image-block .elgg-image {
	margin-right: 8px;
}
.tidypics-gallery-widget > li {
	width: auto;
    margin: 5px 10px;
}
/***** FORMS ******/
.elgg-form-register,
.elgg-form-user-requestnewpassword {
	max-width: 450px;
    margin: 0 auto;
}
.elgg-river-responses .elgg-form{
	float: left;
    width: 100%;
    height: auto;
}
.elgg-river-responses .elgg-form .elgg-input-text {
	margin-bottom: 5px;
    margin-right: 10px;
}
.elgg-river-responses .elgg-form .elgg-button {
    margin-left: 0;
}
/***** GROUPS ******/
.groups-profile-fields {
	float: left;
    padding-left: 0;
}
.groups-profile-fields .odd,
.groups-profile-fields .even {
	padding: 0;
}
#groups-tools > li {
	width: auto;
	float: none;
	margin-bottom: 10px;
}
#groups-tools > li:nth-child(odd) {
	margin-right: 0;
}
.groups-stats {
    margin-bottom: 5px;
}
/***** HEADER ******/
.elgg-heading-site, .elgg-heading-site:hover {
    position:absolute; 
    line-height: 60px;
    font-weight:normal;
    font-style:normal;    
	font-size: 1.2em;
    left: 10px;
    width: auto;
	z-index: 100;
}
.elgg-heading-site img {
    display: block;
	position: relative;
    float: left;
	margin: 0 auto;
    padding-top: 10px;
    height: auto;
    width: auto;
}
/***** ICONS ******/
.elgg-icon-hover-menu:hover {
	background: transparent url(<?php echo elgg_get_site_url();?>mod/mobilize/graphics/avatar_menu_arrows.png) no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 100%;
}
.elgg-icon-hover-menu {
	background: transparent url(<?php echo elgg_get_site_url();?>mod/mobilize/graphics/avatar_menu_arrows.png) no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 100%;
}
/***** MENU ******/
.elgg-menu-longtext .elgg-menu-item-tinymce-toggler a {
	display: none;
}
.elgg-menu-entity {
	vertical-align: right;
    float: right;    
	height: auto;
}
.elgg-menu-entity li {
	vertical-align: right;
    float: right;    
}
.elgg-menu-page-default li{
	display: none;
}
.elgg-menu-page-default {
	display: block;
    height: 24px;
    margin-bottom: 10px;    
}
.elgg-menu-page-default select {
    position: relative;
    float: right; 
    top: 0; 
    height: 24px; 
    right: 0;
    margin-bottom: 10px;
}
.profile-action-menu {
	margin-bottom: 0;
}
.elgg-menu-owner-block-default li{
	display: none;
}
.elgg-menu-owner-block-default select {
    position: relative;
    float: right; 
    top: 0; 
    height: 24px; 
    right: 0;
    margin-bottom: 10px;
}
.elgg-menu-site li{
	display: none;
}
.elgg-menu-site-default {
    position:absolute; 
    top:50%; 
    height: 24px; 
    margin-top:-12px;
    right: 3px;
}
.elgg-page-header .elgg-menu-site-default select {
    position:absolute; 
    top:50%; 
    height: 24px; 
    margin-top:-12px;
    right: 3px;
}
.elgg-menu-hover {
	width: 200px;
}
.elgg-breadcrumbs {
	font-size: 100%;
    font-weight: normal;
	line-height: 1.4em;
    background: #EEE;
    padding: 5px 10px;
}
.elgg-main .elgg-breadcrumbs {
	margin: -4px -10px 5px -10px;
}
.elgg-breadcrumbs > li > a {
	color: #555;
}
.elgg-breadcrumbs > li:after {
	color: #555;
}
/***** MODULES ******/
.elgg-module-index {
	padding: 10px;
	max-width: 450px;
    margin: 0 auto;
}
.elgg-module-index > .elgg-head > h3{
	padding: 20px 0;
	text-align: center;    
}
.elgg-module-popup {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/***** OWNER BLOCK ******/
.elgg-owner-block {
	margin-bottom: 10px;
}
#profile-owner-block .elgg-menu-owner-block select {
	float: left;
    margin-left: 10px;
}
.profile-admin-menu-wrapper {
	float: left;
}
.elgg-owner-block .elgg-image-block {
	display: none;
}
/***** PROFILE ******/
#profile-owner-block {
	width: auto;
}
#profile-details {
    display: block;
	float: left;
}
.profile .elgg-inner {
	margin: 0;
}
/***** WIDGETS ******/
.elgg-col-2of3,
#elgg-widget-col-1,
#elgg-widget-col-2,
#elgg-widget-col-3 {
	width: 100%;
	min-height: 0 !important;
}
.elgg-module-widget {
	margin: 0 0 15px;
}
.elgg-module-widget .elgg-icon-delete-alt {
	display: none;
}
a.elgg-widget-collapse-button:before {
	display: none;
}
.elgg-module-widget .elgg-icon-settings-alt {
	display: none;
}
.elgg-module-widget > .elgg-head h3 {
	padding-left: 10px;
}
.elgg-module-widget {
	margin: 0 0 15px;
}
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	width: auto;
	min-width: 0;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: auto;
	margin: 0 auto;
	height: 60px;
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: auto;
	margin: 0 auto;
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: auto;
	margin: 0 auto;
	padding:0;
}
.elgg-page-topbar {
	display: none;
}
.elgg-menu-footer-alt,
.elgg-menu-footer-default {
    display: block;
    float: none;
    text-align: center;
}
/***** SYSTEM MESSAGES ******/
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 10px;
	cursor: pointer;
	opacity: 0.9;	
    text-align: center;
    
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.elgg-state-success {
	background: #659765;
}
.elgg-state-error {
	background: #FF0000;
}
.elgg-state-notice {
	background: #659765;
}
.elgg-system-messages {
	position: fixed;
	top: 0;
	right: 0;
    width: 100%;
	max-width: 100%;
	z-index: 99999;
}
.elgg-system-messages li {
	margin-top: 0;
}
/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
	background: #277F4E;
	height: 40px;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}
/***** PAGE BODY LAYOUT ******/
.elgg-layout-one-sidebar {
	background: none;
	width: 100%;
    float: left;
}
.elgg-layout-two-sidebar {
	background: none;
}
.elgg-layout-one-column {
	width: auto;
	padding: 10px 0;
}
/***** PAGE FOOTER ******/
.elgg-page-footer {
	position: fixed;
    bottom: 0;left:0;
    background: -moz-linear-gradient(top, #50b27c 0%, #1f7445 100%);
    background: -webkit-linear-gradient(top, #50b27c 0%, #1f7445 100%);
    height: 48px;
    width: 100%;
    z-index: 100;
}
.elgg-page-header{
	display:none;
}
/***** FRIENDSPICKER OFF ******/
.friends-picker-container h3 {
	font-size: 1.2em !important;
}
/*** WALLED ***/
.elgg-body-walledgarden {
	margin: 50px auto 0 auto !important;
	max-width: 100% !important;
}
.elgg-heading-walledgarden {
	margin-top: 0 !important;
}
.elgg-heading-walledgarden br {
	display: none !important;
}
.elgg-module-walledgarden .elgg-form {
	max-width: 100% !important;
}
.elgg-menu-walled-garden {
	margin: 10px 0 !important;
}
.elgg-module-walledgarden .elgg-col .elgg-inner {
	margin: 0 !important;
}
.elgg-walledgarden-double > .elgg-head,
.elgg-walledgarden-double > .elgg-body,
.elgg-walledgarden-double > .elgg-foot,
.elgg-walledgarden-single > .elgg-head,
.elgg-walledgarden-single > .elgg-body,
.elgg-walledgarden-single > .elgg-foot {
	background: transparent !important;
}

/******** PAGE - MENU *********/

.elgg-bottom-menu ul{
	height: 48px;
}

.elgg-bottom-menu li{
float:left;display:block;
text-align:center;
line-height: 48px;
padding-bottom:4px;
}

.elgg-bottom-menu li.active,.elgg-bottom-menu li:hover{
	    background: -moz-linear-gradient(top, #104b2a 0%, #2c8252 100%);
   	    background: -webkit-linear-gradient(top, #104b2a 0%, #2c8252 100%);
   	   -webkit-box-shadow: inset 0px 4px 8px 0px rgba(0, 0, 0, 0.6), -1px 0px 0px 0px rgba(94, 187, 135, 0.8);
		box-shadow: inset 0px 4px 8px 0px rgba(0, 0, 0, 0.6), -1px 0px 0px 0px rgba(94, 187, 135, 0.8);
}

.elgg-bottom-menu li a{
color :#555;
display:block;
text-decoration:none;
text-indent: -9999px;
}

.elgg-top-menu li{
float:left; display:block;
text-align:center;
line-height:40px;
height: 40px;
}

.elgg-top-menu li a{
color: #999;
display:block;
text-decoration: none;
}

.elgg-top-menu li span.title-top{
display:inline-block;
padding-left: 30px;
color: #57b480;
font-size: 1em;
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon-course.png) no-repeat 5px 9px;
}

.elgg-top-menu li a:hover{
color :#333!important:
}

.elgg-top-menu li a:active{
color: #222;
}


/***VIEW PAGE ***/
#content {
	 width: 100%;
}
.content{
	 position: relative;
	 width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
	margin-bottom:50px;
}
#viewscore{
	margin-left: -150%;
	position: absolute;
    min-width: 100%;
	display:block;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#viewscoredetail{
	margin-left: -150%;
	position: absolute;
    background: #fff;
    min-width: 100%;
	display:block;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/****ICON***/
.icon {
	display:block;
	width: 36px; height: 37px;
	text-align:center;
	margin: 0px auto;
	margin-top: 7px;
	text-indent: -9999px;
	border:none;
	cursor: pointer;
}
.icon-course{
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -111px;
}
.icon-course:hover,.elgg-bottom-menu li.active .icon-course{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -111px;
}

.icon-login{
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -148px;
}
.icon-login:hover,.elgg-bottom-menu li.active .icon-login{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -148px;
}

.icon-logout{
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -185px;
}
.icon-logout:hover{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -185px;
}

.icon-enterscore{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -37px;
}

.icon-enterscore:hover,.elgg-bottom-menu li.active .icon-enterscore{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -37px;
}

.icon-back{
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0 0;
}

.icon-back:hover,.elgg-bottom-menu li.active .icon-back:hover{
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px 0;
}

.icon-myscore{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -74px;
}

.icon-myscore:hover,.elgg-bottom-menu li.active .icon-myscore{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -74px;
}

.icon-delete{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat 0px -222px;
}

.icon-delete:hover{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat -36px -222px;
}

.icon-mapcourse{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat bottom left;
}

.icon-mapcourse:hover,.elgg-bottom-menu li.active .icon-mapcourse{
	background:url(<?php echo elgg_get_site_url(); ?>_graphics/icons_max_1.png) no-repeat bottom right;
}


/***** PAGE CONTENT ******/
.list-course{
display:block;
margin-left: auto;
margin-right: auto;
}

.list-course .hole{
	display:inline-block;
	width: 40px; height: 40px;
	border-radius: 20px;
	background: #f1f1f1;
	float:right;
	text-align:center;
	color: #555;
	line-height: 40px;
    margin-top: 10px;
    margin-right: 10px;
}

.list-course .course:hover .hole{
	background: #277F4E;
	color: #fff;
}

.list-score{
	overflow:hidden;
	clear:both;
}

.list-score .scores{
 overflow:hidden;
 margin-bottom:2%;
 border: 1px solid #ddd;
}

.list-score .scores{
	background :#fff;
}

.list-score .scores:hover{
cursor: pointer;
}

.score-detail{
margin-bottom: 45px;
overflow:hidden;
}

.score-detail .hole{
width: 100%;
float:left;
overflow:hidden;
margin-bottom:5%;
padding-bottom:5%;
border-bottom: 1px solid #e5e5e5;
}

.score-detail .hole:nth-child(2n){
margin-right:0;
}

.score-detail .hole p{
float:left;
padding: 3%;
text-align:center;
margin-bottom: 0;
}

.score-detail .hole p span{
	font-size: .6em;
	color :#888;
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:5px;
}

.score-detail .hole .hole_number{
	background :#f1f1f1;
	text-align:center;
	font-weight:bold;
	color: #333;
	width: 10%;
}
.score-detail .hole .hole_par{
	width: 10%;
}

.score-detail .hole .hole_distance{
	width: 36%;
}

.score-detail .hole .hole_score{
	width: 20%;
}

.score-detail .scoredetail_b{
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
	margin-bottom: 5%;
	margin-top: 3%;
	position: relative;
}

.score-detail .scoredetail_b p{
	display:inline-block;
	font-size: 1em;
	color:#888;
	margin-right:15px;
	text-align:center;
}

.score-detail .scoredetail_b div.scoredetail_l{
	float:left;
}


.score-detail .scoredetail_b p span{
	color :#333;
	display:block;
}

.score-detail .scoredetail_b p label{
	font-weight:normal;
	color :#999;
	font-size: .6em;
}
.score-detail .scoredetail_date label{
	font-size: .7em!important;
	color: #999;
	text-align:right;
}

.score-detail .scoredetail_b p.tee{
	border: 1px solid #ccc;
}


/**ADD SCORE **/
.elgg-add-score{
background: #fff;
/*margin-bottom: 45px!important;*/
width: 96%;
padding:2%;
}

.elgg-add-score .enter_score_type label{
font-size: .9em;
font-weight:normal;
color: #333;
float:left;
cursor:pointer;
position: relative;
margin-right: 15px;
}

.elgg-add-score .elgg-golfscore-radio-holesplayed li{
	padding-right: 15px;
}

.enter_score_type ul#__score_type,#__holes_played{
width: 100%;
margin-bottom: 3%;
}

.enter_score_type ul#__score_type li{
	width: 48%;
	margin-right: 2%;
}
.enter_score_type li:last-child{
	margin-right:0;
}

.enter_score_date{
	widtH: 100%;
	margin-bottom:3%;
}

.enter_score_date select {
	width: 30%;
	margin-right: 3%;
	margin-left:0;
	height: 25px;
	display:inline-block;
}

.enter_score_date select:last-child {
	margin-right:0;
}

.enter_score_select_course{
	width: 100%;
	margin-bottom:3%;
}

.enter_score_select_course select{
	width: 100%;
	height: 25px;
}

.course_detail{
margin-bottom:4%;
overflow:hidden;
}

.course_detail div.score-element{
display:inline-block;
width: 31.5%;
float: left;
margin-right: 2%;
}
.course_detail div.score-element:last-child{
	margin-right: 0%;
}
.course_detail div.score-element input{
	width: 100%;
}

.enter_score_detail{
	width: 100%;
	overflow:hidden;
	margin-top: 4%;
	margin-bottom: 20px;
}

.enter_score_detail > div{
	float:left;
}

.enter_score_detail > div:last-child{
	border-right: none;
}

.enter_score_detail #__hole{
	width: 17%;
}
.enter_score_detail #__distance{
	width: 36%;
}

.enter_score_detail #__par{
	width: 17%;
}
.enter_score_detail #__score{
	width: 30%;
}

.enter_score_detail>div>div{
	height: 40px;
	line-height: 40px;
	font-size:.9em;
	color: #666;
	border-bottom: 1px solid #e5e5e5;
}

.totalHoleBox {
	font-weight:bold;
	color :#444;
	overflow: visible;
    text-align: center;
    border:none;
    float:none;
    width: auto;
    padding-top:0;
}

.labelHoleBox {
	font-weight:bold;
	color :#222!important;
	font-size: 1em;
	overflow: hidden;
    text-align: center;
    border:none;
}

.elgg-golfscore-radio-scoretype li {
	display: inline-block;
	margin:0;
}
.elgg-golfscore-div-holesplayed {
	display: inline-block;
	margin:0;
}

.editHoleBox {
    overflow: visible;
    text-align: center;
    border:none;
    float:none;
    width: auto;
}

.editHoleText {
	margin:	0px;
  text-align:center;
  width: 80%;
  padding-top:0;
  padding: 2%;
  border: 1px solid #e5e5e5;
  height: 30px;
}

.btn-editscore{
	border: 1px solid #277F4E;
	color :#277F4E;
	font-weight:normal;
	padding: 2% 8%;
	cursor: pointer;
}

.title-user-name{
	padding-left: 22px;
	margin-left: 5px;
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon-user.png) no-repeat 0px 0px;
	color :#57b480;
}

.loading{
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	text-align: center;
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
}

.loading img{
	display:block;
	margin: 20% auto;
	width: 54px;height:55px;
	}

/***LOGIN BOX ***/
#viewlogin{
	background: #398f60; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #398f60 0%, #1a613a 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#398f60), color-stop(100%,#1a613a)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #398f60 0%,#1a613a 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #398f60 0%,#1a613a 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #398f60 0%,#1a613a 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #398f60 0%,#1a613a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398f60', endColorstr='#1a613a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 100%;
display:block;
position: relative;
}
.mobile-login{
	margin-top: 0%;
	heighT: 100%;
}
.mobile-login .elgg-module-aside{
	padding-top: 15%;
}

.mobile-login .elgg-module-aside > .elgg-head{
	background: none;
	border: none;
	margin-bottom: 20px;
}	
.mobile-login .elgg-module-aside > .elgg-head h3{
	margin: 0 auto;
	display:block;
	width: 174px; height: 48px;
	background :url(<?php echo elgg_get_site_url(); ?>_graphics/logo.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
.mobile-login .elgg-form-login{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}
.mobile-login .ipttext {
	width: 100%;
	height: 35px;
	border: none;
	margin-bottom: .8em;
}

.mobile-login .elgg-button-submit,.mobile-register .elgg-button-submit,#__enter_course .elgg-button-submit{
	width: 100%;
	padding: 2%;
	height: 35px;
	background: #083c20;
	border: none;
	box-shadow: none;
	font-size: .8em;
	margin-top: 1.5em;
}
.mobile-login .elgg-button-submit:active,.mobile-register .elgg-button-submit:active,#__enter_course .elgg-button-submit:active{
	border: 1px solid #59af7f;
}

.mobile-login .elgg-menu > li {
	display:block;
	float:left;
	margin-right: 10px;
}

.mobile-login .elgg-foot{
	margin-top: 1em;
	font-size: .8em;
}
.mobile-login .elgg-foot label{
	text-align:center;
	display:block;
	font-weight:normal;
	color: #fff;
	font-size: .9em;
}

.mobile-login .elgg-foot ul{
	text-align:center;
	margin-top: 40px;
	position: absolute;
	bottom: 3%;
	left: 24%;
}
.mobile-login .elgg-foot ul li{
	display:inline-block;
	float:none;
}
.mobile-login .elgg-foot ul li a{
	color: #fff000;
	text-decoration: underline;
}

/* REGISTER */
.mobile-register{
	padding: 0 2%;
}

.mobile-register h1{
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 12%;
	text-align:center;
}

.list_hole .course .title-course{
font-weight:bold;
}

.list_hole .course .title-course label{
font-weight:normal;
}
. list_hole .course{
margin-bottom:0!important;
border-bottom: 1px solid #e5e5e5;
}

.list_hole .course:last-child{
border-bottom: none;
}
.list_hole .course .hole{
font-size: 11px;
text-align:center;
line-height: 22px;
}

.list_hole .course .hole label{
display:block;
text-align:center;
font-size: 16px;
font-weight: bold;
margin-top: -5px;
}

.hole_content{
background: #fff;
padding: 1%;
position: relative;
clear:both;
overflow: hidden;
height: 100%;
}

.hole_content .hole_img{
width: 100%;
text-align: center;
}

.hole_content .hole_info{
position: absolute;
top: 1%;
left: 1%;
z-index: 20;
}
.hole_content .hole_info h2{
border-bottom: 1px solid #50B27C ;
margin-bottom: 4px;
font-size: 16px;
color: #222;
}
.hole_content .hole_info h2 span{
width: 20px; height: 22px;
background: url(<?php echo elgg_get_site_url();?>_graphics/icon-course.png) no-repeat;
display:block;
float:left;
margin-right: 10px;
}

.hole_content .hole_info p{
 font-weight: bold;
 font-size: 11px;
 text-align:left;
 clear:both;
}
.hole_content .hole_info .list_distance{
opacity: 0.75;
}
.hole_content .hole_info .list_distance li{
overflow:hidden;
padding: 5px 0;
font-size: 11px;
cursor: pointer;
}

.hole_content .hole_info .list_distance li.current{
font-weight: bold;
text-decoration: underline;
}

.hole_content .hole_info .list_distance li:last-child{
border-bottom: none;
}
.hole_content .hole_info .list_distance li span{
width: 10px; height: 10px;
display:block;
float: left;
margin-right: 5px;
border-radius: 5px;
-webkit-border-radius: 8px;
}
.blue{
background: blue;
}
.white{
background: white;
border: 1px solid #f5f5f5;
}
.red{
background: red;
}

.gold{
background: yellow;
}

.black{
background: black;
}

/*Mobile layout 480 to below*/
.list-course .course {
	width: 100%;
	background :url(<?php echo elgg_get_site_url(); ?>_graphics/icon-course.png) no-repeat 5px center,#fff;
	display:block;
	margin-bottom: 2%;
	height: 60px;
	line-height: 60px;
}
.list-course .course .title-course {
	padding-left: 30px;
}

.list-course .course:hover{
	background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon-course.png) no-repeat 5px center,#46A06D;
	color :#f6ff02;
	cursor: pointer;
}
.list_hole .course{
margin-bottom:0!important;
border-bottom: 1px solid #f5f5f5;
}


@media only screen and (min-width: 481px) {
 .list-course .course{
 	width: 48%;
 	margin-right: 2%;
 	float:left;
 	display:block;
 }
  .list-course .course:nth-child(2n){
  	margin-right: 0;
  }
  .score-detail .hole{
	width: 48%;
	float:left;
	margin-right: 2%;
	overflow:hidden;
	margin-bottom:2%;
	border-bottom: 1px solid #e5e5e5;
}
	
}

.elgg-add-score .elgg-foot{
background: #f5f5f5;
padding: 5px;
}
.btnDone{
	 background: -moz-linear-gradient(top, #50b27c 0%, #1f7445 100%);
     background: -webkit-linear-gradient(top, #50b27c 0%, #1f7445 100%);
     box-shadow: 0px 1px 0px rgba(#88d8ac);
     float:right;
     border: 1px solid #0c3b21;
     padding: 5px 10px;
     color:#fff; 
}
.btnDone:hover, .btnDone:active{
color: yellow;
background: #266a45;
}

.hole_content #nextHole{
position: absolute;
top: 40%;right: 0;
display:block;
width: 32px; height: 50px;
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon_arrow.png) top right, #555;
opacity: 0.2;
z-index: 10;
cursor: pointer;
}

.hole_content #nextHole:hover{
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon_arrow.png) top right, #555;
opacity: 1;
}

.hole_content #lastHole{
position: absolute;
top: 40%;left: 0;
display:block;
width: 32px; height: 50px;
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon_arrow.png) top left, #555;
opacity: 0.2;
z-index: 10;
cursor: pointer;
}

.hole_content #lastHole:hover{
background: url(<?php echo elgg_get_site_url(); ?>_graphics/icon_arrow.png) top left, #555;
opacity: 1;
}

.elgg-golfscore-text-admin-hole-par {
	width: 40px;
	display: inline-block;
	height: 20px;
	padding: 0;
}

.elgg-golfscore-text-admin-hole-tee-distance {
	width: 40px;
	display: inline-block;
	height: 20px;
	padding: 0;
}

.elgg-golfscore-text-admin-hole-tee-x {
	width: 40px;
	display: inline-block;
	height: 20px;
	padding: 0;
}

.elgg-golfscore-text-admin-hole-tee-y {
	width: 40px;
	display: inline-block;
	height: 20px;
	padding: 0;
}

.elgg-golfscore-select-admin-hole {
	width: 70px;
	margin: 0px 0px 0px 5px;
}